@charset "utf-8";



/*Reset*/

*{ padding:0; margin:0; outline:none;}

*html{background-image:url(about:blank);background-attachment:fixed;}

html,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;}

img{border:none}

ul,li{ list-style:none;} 

.clear{ width:1px; height:0; overflow:hidden; clear:both;}

.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 

select,input{ vertical-align:middle;}  

a {color:#030303;text-decoration:none;}

a:hover {color:#005b8e;}

a:active {color:#005b8e;}

.hidden{ display:none}

i{ font-style:normal}

.fl{ float:left;}

.fr{ float:right}

.page{ float:left; width:100%; text-align:center; margin-top:30px; }

.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px;transition: all 0.3s ease 0s;}

.page a.current,.page a:hover{ color:#fff; border:1px solid #007cc2; background:#007cc2;}

input,select,textarea{  font-family:"微软雅黑"; outline:none}

.red{color:#007cc2}

.overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

/*basic*/ 

body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:14px;color:#030303;}  



/*index*/

.wbox{ width:100%; float:left;}

.headbox,.mbanner,.mprolist,.casetabbox,.fmenu,.moban,.mewmbox{ display:none;}

.banner{width: 100%; float: left; position: relative; overflow:hidden}   

.wrap{ width:1200px; margin:0 auto; }

.topzw{ width:100%; float:left; height:143px;}

.top{ width:100%; float:left;  padding:20px 0 0; background:#fff;  position:fixed; left:0; top:0; z-index:100}

.logo{ float:left; height:53px;}



.rtop{ background:url(rtel.png) left center; padding-left:44px; float:right; background-repeat:no-repeat; height:53px; line-height:25px;}

.rtop span{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#d31e1d; font-weight:bold}

#nav { width:100%; float:left; height:50px; background:#007cc2; margin:20px 0 0}

#nav .jquery_out {float:left;line-height:50px;display:block; }

#nav .menuli{ float:left; line-height:50px; width:1px; background:url(menuli.jpg) center center; background-repeat:no-repeat; height:50px; text-indent:20px; overflow:hidden;}

#nav .mainlevel { float:left;/*IE6 only*/ background-repeat:no-repeat; position:relative;}

#nav .mainlevel img{  margin-top:12px; float:right; margin-left:1px;}

#nav .mainlevel .img1{ display:none}

#nav .mainlevel span{ float:left; display:block;}

#nav .mainlevel a { text-decoration:none; line-height:50px; display:block; float:left; text-transform:uppercase; width:140px; margin:0 2px; color:#fff; text-align:center;transition: all 0.3s ease 0s;}

#nav .mainlevel a.hov{ color:#fff; background:#005b8e;}

#nav .mainlevel a:hover {color:#fff; background:#005b8e;}

#nav .mainlevel a.hov .img2{ display:none}

#nav .mainlevel a.hov .img1{ display:block}

#nav .mainlevel a:hover .img2{ display:none}

#nav .mainlevel a:hover .img1{ display:block}



#nav .mainlevel ul {display:none; position:absolute; list-style-type:none; padding:0; margin:0; z-index:1020; width:140px; background:#d7dae4;box-shadow: 0 0 5px #ddd; }

#nav .mainlevel ul li { width:100%; height:40px; line-height:40px; margin:0; padding:0; border-bottom:1px solid #000;  list-style-type:none;/*IE6 only*/}

#nav .mainlevel ul li a{ width:100%; height:40px;line-height:40px; padding:0; margin:0; color:#000; font-size:14px; border-radius:0; text-align:center}

#nav .mainlevel ul li a:hover{ background:#fff; color:#007cc2}



.searchform{ width:160px; height:26px; float:right; background:#fff; border-radius:15px; margin-top:12px;}

.txt_search{ float:left; width:110px; font-size:12px; height:28px; margin-left:10px; background:none; line-height:28px; border:0;}

.btn_search{ width:30px; float:right; background:url(u2.png) center center; background-repeat:no-repeat; height:28px; text-indent:100px; cursor:pointer; border:0;}



	

.bannerbox1{ width:100%; position:relative; float:left }

.banner1{ width:100%;  overflow: hidden; height:660px; position: relative;}

.banner1 li{ width:100%;height:660px;  float:left}

.slidenum1{ position:absolute; display:block; bottom:10px; left:0; width: 100%; text-align: center;}

.slidenum1 span{display:inline-block; background:#cccccc;width:12px; height:12px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.slidenum1 span.current{background:#007cc2;}

.lbtn1,.rbtn1{position: absolute;left: 0; top: 0; background: url(images/lbtn.png) no-repeat center center; display:none; width: 80px; height: 100%;  text-indent: -9999px;}

.rbtn1{right: 0; left: auto; background: url(images/rbtn.png) no-repeat center center; }







.foot{ width:100%; float:left; text-align:center;background:#33789e; line-height:50px;}

.foot a{ font-size:15px; color:#fff; margin:0 15px;}

.links{ width:100%;line-height:30px; margin-top:30px; float:left}

.links a{ margin-right:15px;}



.copyright{ width:100%; float:left; line-height:30px; background:#007cc2; color:#fff; padding:50px 0;}

.copynr{ float:left; margin-left:400px;}

.copyright a{ color:#fff;}

.dbewm{ float:right; width:120px;}



/*浮动*/

.r_fudong{float: left; width: 40px; position:fixed; right: 10px; top: 50%; margin: -159px 0 0; z-index:200}

.r_fudong ul{float: left; width: 100%; }	

.r_fudong li{float: left; width: 100%;  text-align: center;   cursor: pointer; position: relative; margin-bottom:10px;box-shadow: 0 0 10px #ddd;}

/*.r_fudong li a{display: block; width: 40px;  border-top: medium none; float: left;  position: relative; z-index: 2;height:40px;}*/

.r_fudong li img{display: block; vertical-align: bottom; width: 40px; border-radius:3px;}



.gotop{float: left; width: 100%; color: #fff; text-align: center; position: relative; z-index: 2;box-shadow: 0 0 10px #ddd;}

.gotop span{display: block; line-height: 20px;}

.gotop img{ width:40px; float:left}

.fdbox{position: absolute; left: -175px; top: -120px; width:156px;  background:url(xf1.png); background:#f6f8fb; box-shadow: 0 0 10px #ddd; text-align: center; transition: all 0.2s ease-out 0s; opacity: 0;  visibility: hidden; line-height:30px;}



.r_fudong li.hover .fdbox{ margin-left:0;opacity: 1;  visibility: visible; }

.r_fudong li.hover .fdbox2{ top:-50px; }

.telbox{width:178px; padding: 10px 0 0; height: 58px;}

.teltop{position: relative; margin: 0 auto; width: 128px;}

.teltop em{position: absolute; left: 0; top: 0; width: 100%; height: 13px; border-bottom: 1px solid #b20a18; display: block;}

.r_fudong .teltop span{display: inline-block; line-height: 26px; font-size: 18px; position: relative; padding:0 15px; background: #d73240;}

.telnum{line-height:28px; font-size: 18px;}

.ewmbox{float: left; padding: 13px 13px 0; display: inline; width: 120px; }

.r_fudong .ewmbox img{ width: 120px;  height: 120px; margin: 0;}

.r_fudong .ewmbox span{ line-height: 20px; font-size: 14px; color:#333;}

/*.yfd1 .dimg2,.gotop .dimg2{ display:none}

.yfd1:hover .dimg2,.gotop:hover .dimg2{ display:block}

.yfd1:hover .dimg1,.gotop:hover .dimg1{ display:none}*/



.qqkflist{ width:156px; margin:0 auto; margin-top:20px; overflow:hidden;}

.qqkflist p{ margin-bottom:10px; color:#333}

.qqkflist a{ display:block; width:156px; height:34px; border-radius:20px; background:url(qqkf.png);  margin-bottom:10px; color:#fff; text-align:left; text-indent:50px; line-height:34px;}

.qqkflist a:hover{ color:#fff;}

/*浮动 end*/



.pic_effect{  position: relative; overflow: hidden; }

.pic_effect img{display: block; width:100%; vertical-align: bottom;opacity: 1;filter:alpha(opacity=100);transform: scale(1, 1);transition: all 0.3s ease 0s; }

.pic_effect{ display: block; background: #fff;transition: background 0.3s ease 0s;}



.pic_effect:hover img{ transform: scale(1.08, 1.08);}





.index_pro{ width:100%; float:left; padding:50px 0;}

.sleft{ width:230px; float:left}

.slefttop{ width:230px; height:90px; background:url(lefttop.gif); color:#fff; text-align:center; line-height:30px; float:left; }

.slefttop p{ font-size:28px; line-height:35px;margin-top:15px;}

.sleftmain{ width:100%; float:left;}

.sleftmain a{ display:block; float:left; height:50px; text-align:center; color:#fff; background:#007cc2;transition: all 0.3s ease 0s; width:100%; line-height:50px; margin-bottom:1px;}

.sleftmain a:hover,.sleftmain a.on{ background:#000;}

.probox{ width:945px; float:right;}

.probox_t{ width:942px; background:#f7f7f7; float:left; line-height:42px; border-left:3px solid #007cc2; text-indent:15px; font-size:16px; color:#000;}

.probox_t a{ font-size:14px; color:#999; margin-right:15px;}

.proboxm{ width:923px; padding:10px; float:left; border:1px solid #007cc2;}

.proboxmm{ width:945px; float:left;}

.proboxmm dl{ width:195px; padding:10px; margin-right:21px; float:left;transition: all 0.3s ease 0s; }

.proboxmm dt,.proboxmm dt img{ width:195px; height:195px; float:left; overflow:hidden;}

.proboxmm dd{ width:100%; height:71px; line-height:25px; overflow:hidden; text-align:center;transition: all 0.3s ease 0s;}

.proboxmm dl:hover{ background:#fff;box-shadow: 0 0 10px #ddd}

.proboxmm dl:hover dd{ color:#fff; background:#007cc2;}



.index_about{ width:100%; float:left; background:url(bg1.jpg) top center; background-repeat:no-repeat; color:#fff; padding-top:50px;}

.index_about .wrap{ overflow:hidden}

.title1{ width:100%; float:left; line-height:25px; text-align:center; font-size:28px; margin-bottom:5px; color:#000;}

.title2{ width:100%; float:left; line-height:25px; text-align:center; color:#999; }

.bai{ color:#fff;}

.aboutms{ width:100%; line-height:28px; margin-top:20px; float:left}

.gstulist{ width:1221px; float:left; background:#333745; padding:20px;}

.gstulist li,.gstulist li img{ width:373px; height:249px; float:left; margin-right:21px;}

.aboutmore{ display:block; margin:0 auto 30px auto;}



.index_news{ width:100%; float:left; padding:50px 0;}

.newsbox{ width:588px;  margin-top:30px;}

.newsbox_t{ width:585px; background:#f7f7f7; float:left; line-height:42px;border-left:3px solid #007cc2; text-indent:15px; font-size:16px; color:#000;}

.newsbox_t a{ font-size:14px; color:#999; margin-right:15px;}

.newsyi{ width:100%; float:left; margin:25px 0 0; background:#f7f7f7}

.newsyi dt,.newsyi dt img{ width:235px; height:210px; float:left}

.newsyi dd{ width:310px; padding:15px 20px; float:left;}

.newsit{ width:100%; line-height:25px; height:25px; overflow:hidden; margin:20px 0 10px 0}

.newsitxt{ width:100%; line-height:22px; height:44px; color:#999; overflow:hidden}

.newsim{ width:150px; height:35px; display:block; float:left;transition: all 0.3s ease 0s; color:#fff; text-align:center; background:#007cc2; line-height:35px; margin-top:15px;}

.newsim:hover{ color:#fff; background:#D31E1D}

.inews{ width:536px; padding:0 25px; height:58px; border:1px solid #ddd; float:left;transition: all 0.3s ease 0s;}

.inews.wubian{ border-bottom:0; margin-top:20px;}

.inews_t{ width:400px; float:left; line-height:58px; height:58px; overflow:hidden; background:url(bg2.png) left center; background-repeat:no-repeat; text-indent:18px;}

.inews_sj{ float:right; line-height:58px;}

.inews:hover{ background:#007cc2; border:1px solid #007cc2; color:#fff;}

.inews.wubian:hover{ background:#007cc2; border:1px solid #007cc2; border-bottom:0; color:#fff;}



.inews:hover a{ color:#fff;}

.inews:hover .inews_t{background:url(bg2.jpg) left center; background-repeat:no-repeat;}



.index_liuyan{ width:100%; float:left; padding:50px 0; height:455px; background:url(bg3.jpg) top center; background-repeat:no-repeat; margin-bottom:50px;}

.liuyanms{ width:100%; float:left; line-height:35px; text-align:center; margin:20px 0}

.input1{ width:386px; height:45px; line-height:45px; background:#fff; margin:0 21px 21px 0; font-size:15px; float:left; border:0; text-indent:15px;}

.input1.wubian{ margin-right:0;}

.input1.input3{ width:120px; margin-right:0}

.input2{ width:1168px; padding:15px; background:#fff; border:0; float:left; height:100px; line-height:25px; margin-bottom:21px;}

.yanzm{ float:left; height:45px; background:#fff; padding-right:10px;}

.yanzm img{ height:25px; margin-top:10px;}

.button1{ width:589px; float:left; height:50px; cursor:pointer; border:0; background:#007cc2; color:#fff;}

.button1.hei{ float:right; background:#000}



.nbanner{ width:100%; height:250px; float:left}

.sitem{ width:100%; float:left; margin-top:20px;}

.sitembox{ width:100%; background:#f7f7f7; line-height:40px; height:40px; overflow:hidden}

.sitembox span{ background:url(bg4.png) left center; display:block; float:left; background-repeat:no-repeat; padding-left:80px; color:#999;}

.sitembox span a{ color:#999;}

.mainny{ width:100%; float:left; padding:50px 0;}

.sright{ width:945px; float:right;}

.contents_t{ width:100%; font-size:22px; line-height:25px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; text-align:center;}

.contents{ float:right; width:945px; line-height:30px; color:#666; overflow:hidden}

.contents_zj{ width:100%; float:left; text-align:center; margin-bottom:20px;}

.contents_zj div{ display:inline-block}

.contents_zj a{ cursor:pointer}

.contents img{ max-width:100%; height:auto}

.atulist{ width:945px; background:#333745; padding:15px; float:left; margin-top:20px;}

.atulist li,.atulist li img{ width:295px; float:left; overflow:hidden; margin-right:15px;}



.prolist{ width:960px; float:left;}

.prolist dl{ width:285px; padding:10px; margin-right:15px; float:left;transition: all 0.3s ease 0s; }

.prolist dl a{ display:block}

.prolist dt,.prolist dt img{ width:285px; height:285px; float:left; overflow:hidden;}

.prolist dd{ width:100%; height:42px; line-height:42px; background:#f7f7f7; overflow:hidden; text-align:center;transition: all 0.3s ease 0s;}

.prolist dl:hover{ background:#007cc2;box-shadow: 0 0 10px #ddd}

.prolist dl:hover dd{ color:#fff; background:#007cc2;}

.newslist{ width:943px; border:1px solid #ddd; border-top:0; float:left}

.newslist li{ width:100%; height:55px; float:left; border-top:1px solid #ddd;}

.news_t{ width:700px; float:left; margin-left:20px; height:55px; line-height:55px; background:url(bg2.png) left center; background-repeat:no-repeat; padding-left:25px;}

.news_sj{ float:right; line-height:55px; margin-right:20px;}



.feedback{ width:883px; padding:40px 30px; border:1px solid #ddd; float:right;}

.input4{ width:881px; height:60px; border:1px solid #ddd; float:left; margin-bottom:20px; line-height:60px; text-indent:15px;}

.input5{ width:851px; height:100px; border:1px solid #ddd; float:left; margin-bottom:20px; line-height:60px; padding:10px 15px; line-height:25px;}

.input4.input6{ width:120px; border-right:0;}

.yanzm2{ float:left; border:1px solid #ddd; border-left:0; height:60px;}

.yanzm2 img{ margin-top:15px; margin-right:15px; height:30px;}

.button2{ width:100%; float:left; height:50px; cursor:pointer; border:0; background:#007cc2; color:#fff;}





.monthslide{ width:100%; float:left; overflow:hidden; border-bottom:0;}

.monthdl dt{ background:url(shou.png) center right 60px #e0e0e0; background-repeat:no-repeat;   margin-bottom:2px; font-size:16px; height: 45px;line-height:45px; width:100%; cursor: pointer;}

.monthdl dt.hover{ background:url(kai.png) center right 60px #007cc2; background-repeat:no-repeat;color:#fff; border-top:0; border-bottom:0;}

.monthdl dt.hover a{ color:#fff;}

.monthdl dd{ background: #fff; width:885px;  line-height:25px; display: none; padding:25px 30px; overflow:hidden;}

.monthdl dd li{line-height: 32px; width:250px; float:left; margin-left:30px; font-size:12px;}



.monthdl dt span,.monthslide1 span{ display:block; float:left; height:45px; line-height:45px; overflow:hidden;}

.monthslide1{ background:#b1b1b1; color:#fff; float:left; width:100%}

.zptit{ width:180px; text-indent:30px;}

.zprs{ width:120px; text-align:center}

.zpnl{width:120px;text-align:center}

.zpxl{width:120px;text-align:center}

.zpjy{width:150px;text-align:center}

.zpxz{width:120px;text-align:center}



.index_pro .title1,.index_pro .title2,.promore,.mfoot,.mnbanner,.hmenu{ display:none}

.link{ width:100%; float:left; line-height:22px; padding-bottom:5px;}



@media screen and (max-width: 750px) {

.wrap1,.wrap{ width:94.6%; padding:0 2.7%;}

.page{ float:left; width:100%; text-align:center; margin-top:1em;  }

.page a{ display:inline-block; line-height:2em; padding:0 0.5em; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; font-size:1em;transition: all 0.3s ease 0s;}

.page a.current,.page a:hover{ color:#fff; border:1px solid #007cc2; background:#007cc2;}

.pagenone{ display:none}

.bannerbox1,.top,.foot,.r_fudong,.bannerbox1,.xllist,.bannerbox2,.pcban,.copyright,.nbanner,.wenziqh,.wzfenx,.link{ display:none;}

.topzw{ height:4em;}

body{ font-size:62.5%;}

input, button, textarea {outline: none;-webkit-appearance: none;border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";} 

select{border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}

input[type=checkbox]{ -webkit-appearance: checkbox; } 

.f_20{ font-size:2em}

.f_22{ font-size:2.2em}

.f_24{ font-size:2.4em}

.f_26{ font-size:2.6em}

.f_28{ font-size:2.8em}

.f_30{ font-size:3em}

.f_32{ font-size:3.2em}

.f_34{ font-size:3.4em}

.f_36{ font-size:3.6em}

.f_38{ font-size:3.8em}

.f_40{ font-size:4em}

.f_42{ font-size:4em}

.f_44{ font-size:4.4em}



.wbox{ padding-bottom:3.6em;}

.headbox{  z-index: 10; left: 0; top:0px;   float: left; width: 100%; position:fixed;box-shadow: 0 0 1em #ddd; box-sizing:border-box; display:block}

.head{ float: left; width: 100%; height:3em; padding:0.5em 0;  position: relative; z-index: 2; background: transparent;  background:#eaeaea; }

.head_hover{background: #1d76ef;}



.mlogo{ float: left; text-align:center;}

.mlogo img{  height:2em; display:inline-block; float:left; vertical-align: bottom; margin-top:0.5em;}

.topnavbtn{ float: right; height: 2em;  margin: 0.5em 0 0; cursor: pointer; position: relative;  z-index: 10;}

.topnav img{height: 1.4em; margin-top:0.3em; float:right;}

.close{ color: #ffffff; font-size: 1.8em; line-height:1.8em; display: none; width: 100%;  position: absolute; right: 1em; top: 50%; margin-top: -1em;}

.topnavbox{ position: absolute; left: 0; top: 4em;  width: 100%;   box-shadow: 0px 0.83em 1.80em rgba(2, 43, 65, 0.21); font-size: 1em; display: none; background:#ffff;}

.topnavbox .wrap1{position: relative; z-index: 2;}

.topnavlist{font-size: 1em; }

.topnavlist li{font-size: 0.95em; line-height: 3.2em;background:#fff; box-sizing: border-box; width:100%; position: relative;}

.topnavlist li:first-of-type{border-top: medium none;}

.topnavlist li a{  display: block; text-align:center; color:#000;  border-top: 1px dashed #fff; width:94.6%; margin-left:2.7%;}

.topnavlist li:first-of-type a{border-top: medium none;}

.topnavlist li li{border-top: 1px solid #eeeeed;}

.topnavbox .wrap1{ width:100%; padding:0; height:100%; background:#ffff; height:50em;}

/*.topnavlist li a.hover{color: #0068b7;}

*/.navbox{display: none;}

.sanjiao{width: 0;height: 0;border-left: 0.3em solid transparent;border-right:0.3em solid transparent;border-top: 0.4em solid #999;  display: inline-block;transition: all 0.3s ease 0s; position: absolute; right:1.64em; top: 1.4em; font-size: 1em; }

.topnavlist li a.hover .sanjiao{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-transform: rotate(180deg);border-top: 0.4em solid #007cc2; }



.mbanner{ width:100%; float:left; display:block}

.swiper-container{width:100%;height:auto; display:block; }

.swiper-slide{text-align:center;}

.swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%;  background: #007cc2; border:medium none; box-sizing: border-box; opacity: 1;}

.swiper-pagination-bullet-active{  opacity: 1; background:#ccc}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.26em;}

.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0.6em}

.swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}



.hmenu{ width:100%; float:left; padding-top:2em; display:block}

.hmenu li{ width:22%; margin-right:3%; float:left; background:#007cc2; padding:1em 0 0.7em; box-sizing:border-box; border-radius:0.5em}

.hmenu li:nth-of-type(4n){ margin-right:0}

.hmenu li img{ float:left; width:40%; margin:0 30%; margin-bottom:0.5em}

.hmenu li p{ float:left; line-height:2em; text-align:center; width:100%; font-size:0.9em;}

.hmenu li a{ color:#fff;}

.index_pro{ width:100%; float:left; padding:2em 0;}

.index_pro .title1,.index_pro .title2{ display:block}

.sleft{ display:none}

.probox{ width:100%; float:left; margin-top:1em;}

.probox_t{ display:none}

.proboxm{ width:100%; padding:1em;  box-sizing:border-box; float:left; border:1px solid #007cc2;}

.proboxmm{ width:100%; float:left;}

.proboxmm dl{ width:48.5%; padding:0; margin-right:0; float:left;transition: all 0.3s ease 0s; }

.proboxmm dl:nth-of-type(2n){ float:right}

.proboxmm dt,.proboxmm dt img{ width:100%; height:auto; float:left; overflow:hidden;}

.proboxmm dd{ width:100%; height:2.5em; line-height:2.5em; font-size:0.9em; background:#f7f7f7; margin-bottom:1em; overflow:hidden; text-align:center;transition: all 0.3s ease 0s;}

.proboxmm dl:hover{ background:#fff;box-shadow: 0 0 10px #ddd}

.proboxmm dl:hover dd{ color:#fff; background:#007cc2;}

.promore{ width:40%; margin:0 30%; display:block; float:left; text-align:center; background:#007cc2; border-radius:1em; height:2.5em; line-height:2.5em; color:#fff;}

.promore:hover{ color:#fff;}



.index_about{ width:100%; float:left; background:url(mbg1.jpg) center bottom; background-size:100% auto; background-repeat:no-repeat; color:#fff; padding-top:2em;}

.index_about .wrap{ overflow:hidden}

.title1{ width:100%; float:left; line-height:1em; text-align:center; font-size:1.2em; margin-bottom:0.2em; color:#000;}

.title2{ width:100%; float:left; line-height:1.5em; text-align:center; color:#999; font-size:0.9em; }

.bai{ color:#fff;}

.aboutms{ width:100%; line-height:1.8em; margin-top:1em; font-size:0.9em; float:left; }

.gstulist{ display:none;}

.aboutmore{ display:block; margin:1em auto 2em auto; width:2em}



.index_news{ width:100%; float:left; padding:2em 0;}

.newsbox{ width:100%;  margin-top:1em;}

.newsbox_t{ width:100%; background:#f7f7f7; float:left; line-height:2.5em;border-left:3px solid #007cc2; box-sizing:border-box; text-indent:0.5em; font-size:1em; color:#000;}

.newsbox_t a{ font-size:0.9em; color:#999; margin-right:1em;}

.newsyi{ width:100%; float:left; margin:1em 0 0; background:#f7f7f7}

.newsyi dt img{ width:100%;height:auto;float:left}

.newsyi dt{ width:100%; height:auto; float:left}

.newsyi dd{ width:100%; padding:0 1em; box-sizing:border-box; float:left;}

.newsit{ width:100%; line-height:2em; height:2em; font-size:0.9em; overflow:hidden; margin:1em 0 0.5em 0;}

.newsitxt{ width:100%; line-height:1.8em; height:3.6em; color:#999; font-size:0.85em; overflow:hidden}

.newsim{ width:8em; height:2em; display:block; float:left;transition: all 0.3s ease 0s; color:#fff; text-align:center; background:#007cc2; line-height:2em; margin-top:1em; font-size:1em; margin-bottom:1em;}

.newsim:hover{ color:#fff; background:#D31E1D}

.inews{ width:100%; padding:0 1em; height:3em; border:1px solid #ddd; float:left;transition: all 0.3s ease 0s; box-sizing:border-box;}

.inews.wubian{ border-bottom:0; margin-top:1em;}

.inews_t{ width:100%; float:left; line-height:3em; height:3em; overflow:hidden; background:url(bg2.png) left center; background-size:0.5em auto; background-repeat:no-repeat; text-indent:1em; font-size:0.9em;}

.inews_sj{ display:none}

.inews:hover{ background:#007cc2; border:1px solid #007cc2; color:#fff;}

.inews.wubian:hover{ background:#007cc2; border:1px solid #007cc2; border-bottom:0; color:#fff;}



.inews:hover a{ color:#fff;}

.inews:hover .inews_t{background:url(bg2.jpg) left center; background-repeat:no-repeat;}



.index_liuyan{ width:100%; float:left; padding:2em 0; height:auto; background:url(mbg3.jpg) center bottom; background-size:100% auto; background-repeat:no-repeat; margin-bottom:50px;}

.liuyanms{ width:100%; float:left; line-height:1.5em; font-size:0.9em; text-align:center; text-align:center; margin:1em 0}

.input1{ width:100%; height:35px; line-height:35px; background:#fff; margin:0 0 1em 0; font-size:0.9em; float:left; border:0; text-indent:1em;}

.input1.wubian{ margin-right:0;}

.input1.input3{ width:30%; margin-right:0}

.input2{ width:100%; padding:1em; box-sizing:border-box; background:#fff; border:0; float:left; height:100px; line-height:25px; margin-bottom:21px;}

.yanzm{ float:left; height:35px; background:#fff; padding-right:5px;}

.yanzm img{ height:25px; margin-top:5px;}

.button1{ width:50%; float:left; height:35px; cursor:pointer; border:0; background:#007cc2; color:#fff;}

.button1.hei{ float:right; background:#000}



.mfoot{ width:100%; height:3.6em; display:block; bottom:0; left:0; position:fixed; background:#007cc2}

.mfoot li{ width:33.333%; float:left; text-align:center}

.mfoot li img{ height:1.2em; vertical-align:bottom; margin-top:0.6em;}

.mfoot li span{ display:block; font-size:0.85em; line-height:1.6em; color:#fff; float:left; width:100%;}

.mnbanner,.mnbanner img{ width:100%; float:left; display:block}



.sitem{ width:100%; float:left; margin-top:1em;}

.sitembox{ width:100%; background:#f7f7f7; line-height:2.5em; height:2.5em; overflow:hidden}

.sitembox span{ background:url(bg4.png) left center; background-size:auto 2.5em; display:block; float:left; font-size:0.9em; background-repeat:no-repeat; padding-left:5em; color:#999;}

.sitembox span a{ color:#999;}

.mainny{ width:100%; float:left; padding:1em 0;}

.sright{ width:100%; float:right;}

.contents_t{ width:100%; font-size:1em; line-height:1.8em; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:1em; text-align:center;}

.contents{ float:right; width:100%; line-height:1.8em; font-size:0.9em; color:#666; overflow:hidden}

.contents_zj{ width:100%; float:left; text-align:center; margin-bottom:1em; font-size:0.9em}

.contents_zj div{ display:inline-block}

.contents_zj a{ cursor:pointer}

.contents img{ max-width:100%; height:auto}

.atulist{ width:100%; background:#333745; padding:1em; padding-bottom:0; box-sizing:border-box; float:left; margin-top:1em;}

.atulist li,.atulist li img{ width:100%; float:left; overflow:hidden; margin-right:0;}

.atulist li { margin-bottom:1em;}



.prolist{ width:100%; float:left;}

.prolist dl{ width:48.5%; padding:0; margin-right:0; float:left;transition: all 0.3s ease 0s; margin-bottom:1em; }

.prolist dl:nth-of-type(2n){ float:right}

.prolist dl a{ display:inline}

.prolist dt,.prolist dt img{ width:100%; height:11em; float:left; overflow:hidden;}

.prolist dd{ width:100%; height:2.5em; line-height:2.5em; background:#f7f7f7; overflow:hidden; text-align:center;transition: all 0.3s ease 0s;}

.prolist dl:hover{ background:#007cc2;box-shadow: 0 0 10px #ddd}

.prolist dl:hover dd{ color:#fff; background:#007cc2;}



.newslist{ width:100%; border:1px solid #ddd; border-top:0; float:left}

.newslist li{ width:100%; height:2.5em; float:left; border-top:1px solid #ddd;}

.news_t{ width:94.6%%; margin:0 2.7%; font-size:0.9em; float:left; height:2.5em; line-height:2.5em; background:url(bg2.png) left center; background-size:0.5em auto; background-repeat:no-repeat; padding-left:1em;}

.news_sj{ display:none}



.feedback{ width:100%; padding:1em; box-sizing:border-box; border:1px solid #ddd; float:right;}

.input4{ width:100%; height:35px; border:1px solid #ddd; float:left; margin-bottom:1em; line-height:35px; font-size:0.9em; text-indent:1em;}

.input5{ width:100%; height:100px; border:1px solid #ddd; float:left; margin-bottom:1em; font-size:0.9em; padding:1em; box-sizing:border-box; line-height:25px;}

.input4.input6{ width:120px; border-right:0;}

.yanzm2{ float:left; border:1px solid #ddd; border-left:0; height:35px;}

.yanzm2 img{ margin-top:5px; margin-right:5px; height:25px;}

.button2{ width:100%; float:left; height:35px; cursor:pointer; border:0; font-size:1em; background:#007cc2; color:#fff;}





.monthslide{ width:100%; float:left; overflow:hidden; border-bottom:0;}

.monthdl dt{ background:url(shou.png) center right 1em #e0e0e0; background-repeat:no-repeat;   margin-bottom:2px; padding:0 0.5em; box-sizing:border-box; font-size:1em; overflow:hidden; height: 3em;line-height:3em; width:100%; cursor: pointer;}

.monthdl dt.hover{ background:url(kai.png) center right 1em #007cc2; background-repeat:no-repeat;color:#fff; border-top:0; border-bottom:0;}

.monthdl dt.hover a{ color:#fff;}

.monthdl dd{ background: #fff; width:100%;  line-height:25px; display: none; padding:1em; font-size:0.9em; box-sizing:border-box; overflow:hidden;}

.monthdl dd li{line-height: 32px; width:250px; float:left; margin-left:30px; font-size:12px;}



.monthdl dt span,.monthslide1 span{ display:block; float:left; height:3em; line-height:3em; font-size:0.9em; overflow:hidden;}

.monthslide1{ background:#b1b1b1; color:#fff; float:left; width:100%;padding:0 0.5em; box-sizing:border-box;}

.zptit{ width:40%; text-indent:0;}

.zprs,.monthslide1 span.zprs{ width:25%; text-align:center; }

.zpnl,.monthslide1 span.zpnl{width:25%;text-align:center;}

.zpxl,.monthslide1 span.zpxl{width:120px;text-align:center;display:none;}

.zpjy,.monthslide1 span.zpjy{width:150px;text-align:center;display:none;}

.zpxz,.monthslide1 span.zpxz{width:120px;text-align:center;display:none;}



	

		}





@media screen and (max-width: 750px) {

.f_20{ font-size:1.7em}

.f_22{ font-size:1.88em}

.f_24{ font-size:2em}

.f_26{ font-size:2.2em}

.f_28{ font-size:2.38em}

.f_30{ font-size:2.56em}

.f_32{ font-size:2.7em}

.f_34{ font-size:2.9em}

.f_36{ font-size:3em}

.f_38{ font-size:3.25em}

.f_40{ font-size:3.4em}

.f_42{ font-size:3.58em}

.f_44{ font-size:3.76em}



}



@media screen and (max-width: 480px) {

.f_20{ font-size:1.28em}

.f_22{ font-size:1.4em}

.f_24{ font-size:1.536em}

.f_26{ font-size:1.66em}

.f_28{ font-size:1.79em}

.f_30{ font-size:1.92em}

.f_32{ font-size:2.048em}

.f_34{ font-size:2.18em}

.f_36{ font-size:2.3em}

.f_38{ font-size:2.43em}

.f_40{ font-size:2.56em}	

.f_42{ font-size:2.68em}	

.f_44{ font-size: 2.8em;}

}



@media screen and (max-width: 414px) {/*iphone6+ 414*736 +滚动条18*/

.f_20{font-size: 1.1em;}

.f_22{ font-size:1.2em}

.f_24{ font-size:1.32em}

.f_26{ font-size:1.44em}

.f_28{ font-size:1.55em}

.f_30{ font-size:1.655em}

.f_32{ font-size:1.77em}

.f_34{ font-size:1.88em}

.f_36{ font-size:1.99em}

.f_38{ font-size:2.1em}

.f_40{ font-size:2.2em}

.f_42{ font-size:2.3em}

.f_44{ font-size: 2.4em;}

}



@media screen and (max-width: 375px) {/*iphone6 375*667 +滚动条18*/

.f_20{font-size: 1em;}

.f_22{ font-size:1.1em}

.f_24{ font-size:1.2em}

.f_26{ font-size:1.3em}

.f_28{ font-size:1.4em}

.f_30{ font-size:1.5em}

.f_32{ font-size:1.6em}

.f_34{ font-size:1.7em}

.f_36{ font-size:1.8em}

.f_38{ font-size:1.9em}

.f_40{ font-size:2em}

.f_42{ font-size:2.1em}

.f_44{ font-size: 2.2em;}

}



@media screen and (max-width: 360px) {

.f_20{font-size: 0.96em;}

.f_22{ font-size:1em}

.f_24{ font-size:1.152em}

.f_26{ font-size:1.25em}

.f_28{ font-size:1.34em}

.f_30{ font-size:1.44em}

.f_32{ font-size:1.536em}

.f_34{ font-size:1.63em}

.f_36{ font-size:1.73em}

.f_38{ font-size:1.8em}

.f_40{ font-size:1.92em}

.f_42{ font-size:2em}

.f_44{ font-size: 2.1em;}

}



@media screen and (max-width: 320px) {

.f_20{font-size: 0.85em;}

.f_22{ font-size:0.94em}

.f_24{ font-size:1.024em}

.f_26{ font-size:1.1em}

.f_28{ font-size:1.2em}

.f_30{ font-size:1.28em}

.f_32{ font-size:1.37em}

.f_34{ font-size:1.45em}

.f_36{ font-size:1.54em}

.f_38{ font-size:1.62em}

.f_40{ font-size:1.7em}

.f_42{ font-size:1.78em}

.f_44{ font-size: 1.877em;}

}